import { css } from "styled-components";
import { flexCenter } from ".";

/*
 * @Author: hongbin
 * @Date: 2022-12-24 13:37:51
 * @LastEditors: hongbin
 * @LastEditTime: 2022-12-24 13:37:52
 * @Description:
 */
export const FixedBtnCss = css`
    position: absolute;
    bottom: 10vmax;
    right: 1vmax;
    background: #17610c;
    cursor: pointer;
    width: 4vmax;
    height: 4vmax;
    border-radius: 0.8vmax;
    transition: 0.3s ease;
    z-index: 11;
    overflow: hidden;
    box-shadow: ${(props) => props.theme.boxShadow};
    font-size: 1.3vmax;
    ${flexCenter};
    text-align: center;
    font-weight: bold;
    color: #fffae5;
`;
